<div class="footer">
    <div class="container">
        <div class="row">
            <div class="col-xs-12 col-sm-12 col-md-3 one">
                <img src="__DOMAIN__/__IMG__/dilogo.png" alt="" class="img-responsive center-block">
            </div>
            <div class="col-xs-6 col-sm-6 col-md-5">
                <div class="two">
                    {foreach $data.config as $config}
                    <p>{$config.cftit}</p>
                    <p>友情链接： {foreach $data.friends as $friend}
                                    &nbsp;&nbsp;<a href="{$friend.furl}" target="_blank">{$friend.fname}</a> 
                                 {/foreach}
                    <p>{$config.cfcopy}</p>
                </div>
            </div>
            <div class="col-xs-6 col-sm-6 col-md-4">
                <div class="three">
                    <p>E-mail: {$config.cfemal}</p>
                    <p class="teshu">全国免费咨询热线：{$config.cftel}</p>
                    <p>地址：{$config.cfaddr}</p>
                    {/foreach}
                </div>
            </div>
        </div>
    </div>
</div>
<script src="__DOMAIN__/__JS__/index.js"></script>
</body>
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.min.js"></script>
<script src="__DOMAIN__/__JS__/bootstrap.min.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="__DOMAIN__/__JS__/ie10-viewport-bug-workaround.js"></script>
<script src="https://cdn.bootcss.com/wow/1.1.2/wow.js"></script>
<script src="__DOMAIN__/__JS__/jquery-3.4.1.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/getscript?v=2.0&ak=67jMQ5DmYTe1TLMBKFUTcZAR"></script>
<script>
    new WOW().init();

    $('.box:odd').addClass('wow bounceInRight').css({ "visibility": "visible", "animation-name": " bounceInRight", "animation-duration": "2s" })
    //console.log($('.box:odd'));
    $('.box:even').addClass('wow bounceInLeft').css({ "visibility": "visible", "animation-name": " bounceInLeft", "animation-duration": "2s" })
    // console.log($('.box:even'));

    $(document).ready(function () {
        $(window).scroll(function () {
            nav()
        })
        function nav() {
            var h = $(window).scrollTop()
            if (h > 0) {
                $('.navbar-default').addClass('nav_fiexd')
                $('.bd').css({ 'margin-top': '82px' })
            } else {
                $('.navbar-default').removeClass('nav_fiexd')
                $('.bd').css({ 'margin-top': '0px' })
            }
        }
        nav()
    })
</script>
<script>
// 地图
$(function () {
        ShowMap('113.2703120000,23.2003360000', '广州喜邦广告设计有限公司', '齐富路1~10号联富大厦6号6018', '', '', '20');
    })


    function ShowMap(zuobiao, name, addrsee, phone, chuanzhen, zoom) {
        var arrzuobiao = zuobiao.split(',');
        var map = new BMap.Map("allmap");
        map.centerAndZoom(new BMap.Point(arrzuobiao[0], arrzuobiao[1]), zoom);
        map.addControl(new BMap.NavigationControl());
        var marker = new BMap.Marker(new BMap.Point(arrzuobiao[0], arrzuobiao[1]));
        map.addOverlay(marker);
        var infoWindow = new BMap.InfoWindow('<p style="color: #bf0008;font-size:13px;">' + name + '</p><p>地址：' + addrsee + '</p>');
        marker.addEventListener("click", function () {
            this.openInfoWindow(infoWindow);
        });
        marker.openInfoWindow(infoWindow);
    }

$(document).ready(function () {
    $(window).scroll(function () {
        show();
        nav();
    })

    function nav() {
        var h = $(window).scrollTop()
        console.log(h)
        if (h > 0) {
            $('.navbar-default').addClass('nav_fiexd');
            $('.bd').css({ 'margin-top': '82px' })
        } else {
            $('.navbar-default').removeClass('nav_fiexd')
            $('.bd').css({ 'margin-top': '0px' })
        }
    }
    nav()

    function show() {
        var h = $(window).scrollTop()
        if (h > 400) {
            $('.gun').fadeIn();
        } else {
            $('.gun').fadeOut();
        }
    }
    show()

    $('.gun').click(function () {
        $('html,body').animate({ 'scrollTop': 0 }, 800)
    })

    $('.find').hover(function(){
        $(this).find('.person_desc').addClass('show').removeClass('hide')
    },function(){
        $(this).find('.person_desc').addClass('hide').removeClass('show')
    })
})
</script>

</html>